import React from 'react';
import {DropdownMenu} from "@taroify/core";

interface SectionButtonProps {

}

const SectionButton: React.FC<SectionButtonProps> = () => {

  return (
    <DropdownMenu style={{ width: '100%', borderRadius: '10px'}} direction='up'>
      <DropdownMenu.Item title='添加模块'>
        <DropdownMenu.Option value={0}>角色设定</DropdownMenu.Option>
        <DropdownMenu.Option value={1}>目标受众</DropdownMenu.Option>
        <DropdownMenu.Option value={2}>情景说明</DropdownMenu.Option>
        <DropdownMenu.Option value={3}>全局约束</DropdownMenu.Option>
        <DropdownMenu.Option value={4}>操作步骤</DropdownMenu.Option>
      </DropdownMenu.Item>
    </DropdownMenu>
  );
};

export default SectionButton;
